{% extends 'base.html' %}

{% block jquery %}

    $( 'form' ).submit(function() {
        if($('#contrasena').attr('value') == $('#re-contrasena').attr('value')){
            return true;
        }
        else{
            alert("Las contraseñas no coinciden.");
            return false;
        }
    });
    
    $( '#cancelar' ).click(function() {
        location.href = "/";
    });

{% endblock %}
	
{% block ruta %}
		
{% endblock %}

{% block contenido2 %}
    <h2>{{ formulario.titulo }}</h2>
    <br/>
    <div align="center">
        <form id="formulario-producto" action="guardar_empresa" method="post">
	        {% csrf_token %}
            <table>
            	<tr>
                    <td>Razón Social:</td>
                    <td><input type="text" size="50" name="nombres" id="nombres" required="required"/></td>
                </tr>
                
                {% for campo in formulario_campos %}
                <tr>
                    <td>{{ campo.etiqueta }}</td>
                    <td><{{ campo.tipo_campo.etiqueta }} {% if campo.tipo_campo.tipo != "" %} type="{{ campo.tipo_campo.tipo }}" {% endif %} 
                            id="campo{{ campo.id }}" name="campo{{ campo.id }}" {% if campo.tipo_campo.etiqueta == "textarea" %}> </textarea> {% else %} /> {% endif %} </td>
                </tr>
                {% endfor %}
                <tr>
                    <td>Correo electrónico:</td>
                    <td><input type="email" size="50" name="correo" id="correo" required="required"/></td>
                </tr>
                <tr>
                    <td>Contraseña:</td>
                    <td><input type="password" name="contrasena" id="contrasena" required="required"/></td>
                </tr>
                <tr>
                    <td>Confirme la contraseña:</td>
                    <td><input type="password" name="re-contrasena" id="re-contrasena" required="required"/></td>
                </tr>
            </table>
            <input type="button" id="cancelar" value="Cancelar"/>
            <button type="submit" id="crear">Guardar</button>
        </form>
	</div>
{% endblock %}